<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>仪表盘</title>
	<#include '/commons/include/head.ftl'>
	
	<link rel="stylesheet" href="${ctx}/static/vendor/bootstrap/css/bootstrap.min.css">
</head>

<body style="padding: 10px;>

	<div class="row">
		<div class="col-md-6">
			<div class="panel panel-primary">
				<div class="panel-heading">警告信息</div>
				<div style="padding: 0 10px;">
					<table class="table" style="margin-bottom: 0px;">
						<tr>
							<td style="height:50px;line-height:34px;">CPU</td> 
							<td id="usage_cpu" style="height:50px;line-height:34px;">当前使用率：13%</td>
						</tr>
						<tr>
							<td style="height:50px;line-height:34px;">服务器内存</td>
							<td id="usage_ram" style="height:50px;line-height:34px;">当前使用率：39%</td>
						</tr>
						<tr>
							<td style="height:50px;line-height:34px;">JVM内存</td>
							<td id="usage_jvm" style="height:50px;line-height:34px;">当前使用率：38%</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		
		
		<div class="col-md-6">
			<div class="panel panel-primary">
				<div class="panel-heading">预警设置</div>
				<div style="padding: 0 10px;">
					<table class="table" style="margin-bottom: 0px;">
						<tr>
							<td style="width: 140px;line-height:33px;">CPU 使用率超出</td>
							<td>
								<div class="input-group">
									<input type="text" class="form-control" placeholder="请填写警告预设值">
									<span class="input-group-btn">
										<button class="btn btn-default" type="button">设置</button>
							      	</span>
							    </div>
							</td>
						</tr>
						<tr>
							<td style="width: 140px;line-height:33px;">JVM 使用率超出</td>
							<td>
								<div class="input-group">
									<input type="text" class="form-control" placeholder="请填写警告预设值">
									<span class="input-group-btn">
										<button class="btn btn-default" type="button">设置</button>
							      	</span>
							    </div>
							</td>
						</tr>
						<tr>
							<td style="width: 140px;line-height:33px;">RAM 使用率超出</td>
							<td>
								<div class="input-group">
									<input type="text" class="form-control" placeholder="请填写警告预设值">
									<span class="input-group-btn">
										<button class="btn btn-default" type="button">设置</button>
							      	</span>
							    </div>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		
		
		
	</div>
	
	
	<script src="${ctx}/static/vendor/bootstrap/js/bootstrap.min.js"></script>
	<script src="${ctx}/static/vendor/echarts-2.2.7/echarts.js"></script>
	<script>
		//路径配置
        require.config({
        	paths: {echarts: '${ctx}/static/vendor/echarts-2.2.7'}
        }); 
        require(
        	[
        		'echarts',
                'echarts/chart/bar', 
                'echarts/chart/line', 
                'echarts/chart/gauge' 
        	],
        	function(ec) {
				
        	}
        );/*********************require end************************/
	</script>
</body>
</html>

